<template>
  <div id="self-swiper">
    <mt-swipe :class="data.className">
      <mt-swipe-item v-for="item in data.swipeList" :key="item.id" class="home-swipe-item">
        <a :href="item.url" v-if="item.url.length > 0">
          <img :src="item.src" alt="很帅" />
        </a>
        <img :src="item.src" v-if="item.url.length <= 0" />
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
import "./index.less";
export default {
  props: ["data"]
};
</script>